<template>
    <div class="mescroll-list">
        <mescroll class="list-draw" @mescrollInit="init"  :upAuto="!hasInit && actived">
            <lottery-item   v-for="(info,index) in list" :key="index" :info="info"></lottery-item>
        </mescroll>
    </div>
</template>

<script>
import Mescroll from 'lottery/components/Mescroll/Mescroll';
import lotteryItem from '../lottery-item/lottery-item.vue';

export default {
  name: 'DuoduocaiH5Place',
  props: {
    type: {
      type: [String, Number],
      required: true,
    },
    actived: {
      type: Boolean,
      default: false,
    },
  },
  components: { Mescroll, lotteryItem },
  data() {
    return {
      hasInit: false,
      list: [
        {
          issueDay: '2023-03-02',
          issueWeek: '星期四',
          issueFullNo: '2023051',
          lotteryName: '江苏15选5',
          resultArea1: '02,06,07,10,13',
          resultArea2: '',
          actionList: [
            {
              name: '走势图',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
            {
              name: '玩法',
              url: 'https://m.caihongduoduo.com/kj/ssqkj',
            },
          ],

        },
      ],
    };
  },

  mounted() {},

  methods: {
    async init(cb) {
      this.hasInit = true;
      try { /* empty */ } catch (error) { /* empty */ } finally {
        cb(false);
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.mescroll-list {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
</style>
